.bjs-dialog {
  margin-top: 100px;
  font-size: 12px;
}

.bjs-dialog /deep/ .el-dialog__header {
  padding: 10px 20px 10px;
  text-align: center;
  @include color();
  @include bg_color();
}

.bjs-dialog /deep/ .el-dialog__body {
  padding-top: 10px;
  padding-bottom: 10px;
  @include bg_color();
}

.bjs-dialog /deep/ .el-dialog__title {
  font-weight: bold;
  font-size: 16px;
  @include color();
  @include bg_color();
}

.bjs-dialog /deep/ .el-dialog__footer {
  padding: 10px 10px 10px 0;
  @include bg_color();
  /*text-align: center;*/
  [data-theme="light"] & {
    border-top: 1px solid $theme-color-light-5;
  }
  [data-theme="night"] & {
    border-top: 1px solid $theme-color-night-5;
  }
}

.bjs-dialog .dialog-footer .btn-success {
  position: relative;
  width: 50%;
  background: transparent;
  border-radius: 0;
  @include color();
  [data-theme="light"] & {
    border-top: 1px solid $theme-color-light-5;
  }
  [data-theme="night"] & {
    border-top: 1px solid $theme-color-night-5;
  }
  outline: none;
  cursor: pointer;
  overflow: hidden;
  transition: 0.6s;
}

//.bjs-dialog .dialog-footer .btn-success::before {
//  position: absolute;
//  content: "";
//  top: 0;
//  left: 0;
//  width: 100%;
//  height: 100%;
//  background: linear-gradient(
//    120deg,
//    transparent,
//    $theme-color-light-5,
//    transparent
//  );
//  transform: translateX(-100%);
//  transition: 0.6s;
//}
//
//.bjs-dialog .dialog-footer .btn-success:hover {
//  box-shadow: 0 0 20px 10px $theme-color-light-5;
//}
//
//.bjs-dialog .dialog-footer .btn-success:hover::before {
//  transform: translateX(100%);
//}
